Hệ thống xếp lịch học tín chỉ cho sinh viên CNTT trên PHP & MySQL
111.066 lượt xem;
- codefly.css
- project /
1 /*
2 ul.dropdown-menu.dong1044 {
3 display: block;
4 float: left;
5 position: absolute;
6 left: 0;
7 margin-left: -42px;
8 margin-top: 28px;
9 width: 243px;
10 }
11 div#top_buttons {
12 margin-left: 79px;
13 }
14 .row {
15 margin-left: 64px;
16 }
17 .navbar-fixed-top {
18 background-color: #343a40!important;
19 }
20 .theme-compact .navbar-brand {
21 font-size: 15px;
22 height: 40px;
23 padding: 12px;
24 color: #fff;
25 }
26
27 */
28 ul.codefly {
29 list-style: none;
30 display: block;
31 position: absolute;
32 margin-top: 56px;
33 margin-left: -36px;
34 }
35 ul.codefly li {
36 display: block;
37 float: none;
38 }
39
40 .bg-dark {
41 background-color: #343a40!important;
42 }
43 .fixed-top {
44 position: fixed;
45 top: 0;
46 right: 0;
47 left: 0;
48 z-index: 1030;
49 }
50 .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
51 color: #fff;
52 }
53 html {
54 position: relative;
55 min-height: 100%;
56 }
57
58 body {
59 overflow-x: hidden;
60 }
61
62 body.sticky-footer {
63 margin-bottom: 56px;
64 }
65
66 body.sticky-footer .content-wrapper {
67 min-height: calc(100vh - 56px - 56px);
68 }
69
70 body.fixed-nav {
71 padding-top: 56px;
72 }
73
74 .content-wrapper {
75 min-height: calc(100vh - 56px);
76 padding-top: 1rem;
77 }
78
79 .scroll-to-top {
80 position: fixed;
81 right: 15px;
82 bottom: 3px;
83 display: none;
84 width: 50px;
85 height: 50px;
86 text-align: center;
87 color: white;
88 background: rgba(52, 58, 64, 0.5);
89 line-height: 45px;
90 }
91
92 .scroll-to-top:focus, .scroll-to-top:hover {
93 color: white;
94 }
95
96 .scroll-to-top:hover {
97 background: #343a40;
98 }
99
100 .scroll-to-top i {
101 font-weight: 800;
102 }
103
104 .smaller {
105 font-size: 0.7rem;
106 }
107
108 .o-hidden {
109 overflow: hidden !important;
110 }
111
112 .z-0 {
113 z-index: 0;
114 }
115
116 .z-1 {
117 z-index: 1;
118 }
119
120 #mainNav .navbar-collapse {
121 overflow: auto;
122 max-height: 75vh;
123 }
124
125 #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
126 cursor: pointer;
127 }
128
129 #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
130 float: right;
131 content: '\f107';
132 font-family: 'FontAwesome';
133 }
134
135 #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
136 content: '\f105';
137 }
138
139 #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
140 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
141 padding-left: 0;
142 }
143
144 #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
145 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
146 display: block;
147 padding: 0.5em 0;
148 }
149
150 #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
151 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
152 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
153 text-decoration: none;
154 }
155
156 #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
157 padding-left: 1em;
158 }
159
160 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
161 padding-left: 2em;
162 }
163
164 #mainNav .navbar-collapse .sidenav-toggler {
165 display: none;
166 }
167
168 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
169 position: relative;
170 min-width: 45px;
171 }
172
173 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
174 float: right;
175 width: auto;
176 content: '\f105';
177 border: none;
178 font-family: 'FontAwesome';
179 }
180
181 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
182 position: absolute;
183 top: 5px;
184 left: 21px;
185 font-size: 10px;
186 }
187
188 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
189 content: '\f107';
190 }
191
192 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
193 overflow: hidden;
194 max-width: none;
195 text-overflow: ellipsis;
196 }
197
198 @media (min-width: 992px) {
199 #mainNav .navbar-brand {
200 width: 250px;
201 }
202 #mainNav .navbar-collapse {
203 overflow: visible;
204 max-height: none;
205 }
206 #mainNav .navbar-collapse .navbar-sidenav {
207 position: absolute;
208 top: 0;
209 left: 0;
210 -webkit-flex-direction: column;
211 -ms-flex-direction: column;
212 flex-direction: column;
213 margin-top: 56px;
214 }
215 #mainNav .navbar-collapse .navbar-sidenav > .nav-item {
216 width: 250px;
217 padding: 0;
218 }
219 #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
220 padding: 1em;
221 }
222 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
223 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
224 padding-left: 0;
225 list-style: none;
226 }
227 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
228 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
229 width: 250px;
230 }
231 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
232 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
233 padding: 1em;
234 }
235 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
236 padding-left: 2.75em;
237 }
238 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
239 padding-left: 3.75em;
240 }
241 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
242 min-width: 0;
243 }
244 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
245 width: 24px;
246 text-align: center;
247 }
248 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
249 max-width: 300px;
250 }
251 }
252
253 #mainNav.fixed-top .sidenav-toggler {
254 display: none;
255 }
256
257 @media (min-width: 992px) {
258 #mainNav.fixed-top .navbar-sidenav {
259 height: calc(100vh - 112px);
260 }
261 #mainNav.fixed-top .sidenav-toggler {
262 position: absolute;
263 top: 0;
264 left: 0;
265 display: flex;
266 -webkit-flex-direction: column;
267 -ms-flex-direction: column;
268 flex-direction: column;
269 margin-top: calc(100vh - 56px);
270 }
271 #mainNav.fixed-top .sidenav-toggler > .nav-item {
272 width: 250px;
273 padding: 0;
274 }
275 #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
276 padding: 1em;
277 }
278 }
279
280 #mainNav.fixed-top.navbar-dark .sidenav-toggler {
281 background-color: #212529;
282 }
283
284 #mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
285 color: #adb5bd;
286 }
287
288 #mainNav.fixed-top.navbar-light .sidenav-toggler {
289 background-color: #dee2e6;
290 }
291
292 #mainNav.fixed-top.navbar-light .sidenav-toggler a i {
293 color: rgba(0, 0, 0, 0.5);
294 }
295
296 body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
297 overflow-x: hidden;
298 width: 55px;
299 }
300
301 body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
302 body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
303 width: 55px !important;
304 }
305
306 body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
307 -webkit-transform: scaleX(-1);
308 -moz-transform: scaleX(-1);
309 -o-transform: scaleX(-1);
310 transform: scaleX(-1);
311 filter: FlipH;
312 -ms-filter: 'FlipH';
313 }
314
315 #mainNav.static-top .sidenav-toggler {
316 display: none;
317 }
318
319 @media (min-width: 992px) {
320 #mainNav.static-top .sidenav-toggler {
321 display: flex;
322 }
323 }
324
325 body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
326 -webkit-transform: scaleX(-1);
327 -moz-transform: scaleX(-1);
328 -o-transform: scaleX(-1);
329 transform: scaleX(-1);
330 filter: FlipH;
331 -ms-filter: 'FlipH';
332 }
333
334 .content-wrapper {
335 overflow-x: hidden;
336 background: white;
337 }
338
339 @media (min-width: 992px) {
340 .content-wrapper {
341 margin-left: 250px;
342 }
343 }
344
345 #sidenavToggler i {
346 font-weight: 800;
347 }
348
349 .navbar-sidenav-tooltip.show {
350 display: none;
351 }
352
353 @media (min-width: 992px) {
354 body.sidenav-toggled .content-wrapper {
355 margin-left: 55px;
356 }
357 }
358
359 body.sidenav-toggled .navbar-sidenav {
360 width: 55px;
361 }
362
363 body.sidenav-toggled .navbar-sidenav .nav-link-text {
364 display: none;
365 }
366
367 body.sidenav-toggled .navbar-sidenav .nav-item,
368 body.sidenav-toggled .navbar-sidenav .nav-link {
369 width: 55px !important;
370 }
371
372 body.sidenav-toggled .navbar-sidenav .nav-item:after,
373 body.sidenav-toggled .navbar-sidenav .nav-link:after {
374 display: none;
375 }
376
377 body.sidenav-toggled .navbar-sidenav .nav-item {
378 white-space: nowrap;
379 }
380
381 body.sidenav-toggled .navbar-sidenav-tooltip.show {
382 display: flex;
383 }
384
385 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
386 color: #868e96;
387 }
388
389 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
390 color: #868e96;
391 }
392
393 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
394 color: #adb5bd;
395 }
396
397 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
398 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
399 color: #868e96;
400 }
401
402 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
403 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
404 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
405 color: #adb5bd;
406 }
407
408 #mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
409 color: #adb5bd;
410 }
411
412 @media (min-width: 992px) {
413 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
414 background: #343a40;
415 }
416 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
417 color: white !important;
418 background-color: #495057;
419 }
420 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
421 color: white;
422 }
423 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
424 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
425 background: #343a40;
426 }
427 }
428
429 #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
430 color: rgba(0, 0, 0, 0.5);
431 }
432
433 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
434 color: rgba(0, 0, 0, 0.5);
435 }
436
437 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
438 color: rgba(0, 0, 0, 0.7);
439 }
440
441 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
442 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
443 color: rgba(0, 0, 0, 0.5);
444 }
445
446 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
447 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
448 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
449 color: rgba(0, 0, 0, 0.7);
450 }
451
452 #mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
453 color: rgba(0, 0, 0, 0.5);
454 }
455
456 @media (min-width: 992px) {
457 #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
458 background: #f8f9fa;
459 }
460 #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
461 color: #000 !important;
462 background-color: #e9ecef;
463 }
464 #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
465 color: #000;
466 }
467 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
468 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
469 background: #f8f9fa;
470 }
471 }
472
473 .card-body-icon {
474 position: absolute;
475 z-index: 0;
476 top: -25px;
477 right: -25px;
478 font-size: 5rem;
479 -webkit-transform: rotate(15deg);
480 -ms-transform: rotate(15deg);
481 transform: rotate(15deg);
482 }
483
484 @media (min-width: 576px) {
485 .card-columns {
486 column-count: 1;
487 }
488 }
489
490 @media (min-width: 768px) {
491 .card-columns {
492 column-count: 2;
493 }
494 }
495
496 @media (min-width: 1200px) {
497 .card-columns {
498 column-count: 2;
499 }
500 }
501
502 .card-login {
503 max-width: 25rem;
504 }
505
506 .card-register {
507 max-width: 40rem;
508 }
509
510 footer.sticky-footer {
511 position: absolute;
512 right: 0;
513 bottom: 0;
514 width: 100%;
515 height: 56px;
516 background-color: #e9ecef;
517 line-height: 55px;
518 }
519
520 @media (min-width: 992px) {
521 footer.sticky-footer {
522 width: calc(100% - 250px);
523 }
524 }
525
526 @media (min-width: 992px) {
527 body.sidenav-toggled footer.sticky-footer {
528 width: calc(100% - 55px);
529 }
530 }
531
532
533 ul.codefly li a:hover{
534 color: #adb5bd;
535 }
536
537 ul.codefly li a{
538 color: #868e96;
539 }
540 ul.codefly li a img {
541 padding-right: 7px;
542 }
543 a.navbar-brand {
544 text-transform: none;
545 color: #fff;
546 }
547 .header_php {
548 padding-left: 10px;
549 padding-right: 10px;
550 }
551 .page-header_ {
552 display: -webkit-box;
553 display: -ms-flexbox;
554 display: flex;
555 -ms-flex-wrap: wrap;
556 flex-wrap: wrap;
557 padding: .75rem 1rem;
558 margin-bottom: 1rem;
559 list-style: none;
560 background-color: #e9ecef;
561 border-radius: .25rem;
562 }
563 a.dropdown-toggle {
564 display: none;
565 }
566 ul.codefly li {
567 display: block;
568 float: none;
569 margin-top: 10px;
570 margin-bottom: 10px;
571 }
572 button#NoFilter_ {
573 display: none;
574 }
575 button#NoFilter, button#Filter{
576 display: none;
577 }
578 a.btn.btn-danger.navbar-btn {
579 display: none;
580 }
2 ul.dropdown-menu.dong1044 {
3 display: block;
4 float: left;
5 position: absolute;
6 left: 0;
7 margin-left: -42px;
8 margin-top: 28px;
9 width: 243px;
10 }
11 div#top_buttons {
12 margin-left: 79px;
13 }
14 .row {
15 margin-left: 64px;
16 }
17 .navbar-fixed-top {
18 background-color: #343a40!important;
19 }
20 .theme-compact .navbar-brand {
21 font-size: 15px;
22 height: 40px;
23 padding: 12px;
24 color: #fff;
25 }
26
27 */
28 ul.codefly {
29 list-style: none;
30 display: block;
31 position: absolute;
32 margin-top: 56px;
33 margin-left: -36px;
34 }
35 ul.codefly li {
36 display: block;
37 float: none;
38 }
39
40 .bg-dark {
41 background-color: #343a40!important;
42 }
43 .fixed-top {
44 position: fixed;
45 top: 0;
46 right: 0;
47 left: 0;
48 z-index: 1030;
49 }
50 .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
51 color: #fff;
52 }
53 html {
54 position: relative;
55 min-height: 100%;
56 }
57
58 body {
59 overflow-x: hidden;
60 }
61
62 body.sticky-footer {
63 margin-bottom: 56px;
64 }
65
66 body.sticky-footer .content-wrapper {
67 min-height: calc(100vh - 56px - 56px);
68 }
69
70 body.fixed-nav {
71 padding-top: 56px;
72 }
73
74 .content-wrapper {
75 min-height: calc(100vh - 56px);
76 padding-top: 1rem;
77 }
78
79 .scroll-to-top {
80 position: fixed;
81 right: 15px;
82 bottom: 3px;
83 display: none;
84 width: 50px;
85 height: 50px;
86 text-align: center;
87 color: white;
88 background: rgba(52, 58, 64, 0.5);
89 line-height: 45px;
90 }
91
92 .scroll-to-top:focus, .scroll-to-top:hover {
93 color: white;
94 }
95
96 .scroll-to-top:hover {
97 background: #343a40;
98 }
99
100 .scroll-to-top i {
101 font-weight: 800;
102 }
103
104 .smaller {
105 font-size: 0.7rem;
106 }
107
108 .o-hidden {
109 overflow: hidden !important;
110 }
111
112 .z-0 {
113 z-index: 0;
114 }
115
116 .z-1 {
117 z-index: 1;
118 }
119
120 #mainNav .navbar-collapse {
121 overflow: auto;
122 max-height: 75vh;
123 }
124
125 #mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
126 cursor: pointer;
127 }
128
129 #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
130 float: right;
131 content: '\f107';
132 font-family: 'FontAwesome';
133 }
134
135 #mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
136 content: '\f105';
137 }
138
139 #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
140 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
141 padding-left: 0;
142 }
143
144 #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
145 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
146 display: block;
147 padding: 0.5em 0;
148 }
149
150 #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
151 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
152 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
153 text-decoration: none;
154 }
155
156 #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
157 padding-left: 1em;
158 }
159
160 #mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
161 padding-left: 2em;
162 }
163
164 #mainNav .navbar-collapse .sidenav-toggler {
165 display: none;
166 }
167
168 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
169 position: relative;
170 min-width: 45px;
171 }
172
173 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
174 float: right;
175 width: auto;
176 content: '\f105';
177 border: none;
178 font-family: 'FontAwesome';
179 }
180
181 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
182 position: absolute;
183 top: 5px;
184 left: 21px;
185 font-size: 10px;
186 }
187
188 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
189 content: '\f107';
190 }
191
192 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
193 overflow: hidden;
194 max-width: none;
195 text-overflow: ellipsis;
196 }
197
198 @media (min-width: 992px) {
199 #mainNav .navbar-brand {
200 width: 250px;
201 }
202 #mainNav .navbar-collapse {
203 overflow: visible;
204 max-height: none;
205 }
206 #mainNav .navbar-collapse .navbar-sidenav {
207 position: absolute;
208 top: 0;
209 left: 0;
210 -webkit-flex-direction: column;
211 -ms-flex-direction: column;
212 flex-direction: column;
213 margin-top: 56px;
214 }
215 #mainNav .navbar-collapse .navbar-sidenav > .nav-item {
216 width: 250px;
217 padding: 0;
218 }
219 #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
220 padding: 1em;
221 }
222 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
223 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
224 padding-left: 0;
225 list-style: none;
226 }
227 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
228 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
229 width: 250px;
230 }
231 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
232 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
233 padding: 1em;
234 }
235 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
236 padding-left: 2.75em;
237 }
238 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
239 padding-left: 3.75em;
240 }
241 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
242 min-width: 0;
243 }
244 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
245 width: 24px;
246 text-align: center;
247 }
248 #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
249 max-width: 300px;
250 }
251 }
252
253 #mainNav.fixed-top .sidenav-toggler {
254 display: none;
255 }
256
257 @media (min-width: 992px) {
258 #mainNav.fixed-top .navbar-sidenav {
259 height: calc(100vh - 112px);
260 }
261 #mainNav.fixed-top .sidenav-toggler {
262 position: absolute;
263 top: 0;
264 left: 0;
265 display: flex;
266 -webkit-flex-direction: column;
267 -ms-flex-direction: column;
268 flex-direction: column;
269 margin-top: calc(100vh - 56px);
270 }
271 #mainNav.fixed-top .sidenav-toggler > .nav-item {
272 width: 250px;
273 padding: 0;
274 }
275 #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
276 padding: 1em;
277 }
278 }
279
280 #mainNav.fixed-top.navbar-dark .sidenav-toggler {
281 background-color: #212529;
282 }
283
284 #mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
285 color: #adb5bd;
286 }
287
288 #mainNav.fixed-top.navbar-light .sidenav-toggler {
289 background-color: #dee2e6;
290 }
291
292 #mainNav.fixed-top.navbar-light .sidenav-toggler a i {
293 color: rgba(0, 0, 0, 0.5);
294 }
295
296 body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
297 overflow-x: hidden;
298 width: 55px;
299 }
300
301 body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
302 body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
303 width: 55px !important;
304 }
305
306 body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
307 -webkit-transform: scaleX(-1);
308 -moz-transform: scaleX(-1);
309 -o-transform: scaleX(-1);
310 transform: scaleX(-1);
311 filter: FlipH;
312 -ms-filter: 'FlipH';
313 }
314
315 #mainNav.static-top .sidenav-toggler {
316 display: none;
317 }
318
319 @media (min-width: 992px) {
320 #mainNav.static-top .sidenav-toggler {
321 display: flex;
322 }
323 }
324
325 body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
326 -webkit-transform: scaleX(-1);
327 -moz-transform: scaleX(-1);
328 -o-transform: scaleX(-1);
329 transform: scaleX(-1);
330 filter: FlipH;
331 -ms-filter: 'FlipH';
332 }
333
334 .content-wrapper {
335 overflow-x: hidden;
336 background: white;
337 }
338
339 @media (min-width: 992px) {
340 .content-wrapper {
341 margin-left: 250px;
342 }
343 }
344
345 #sidenavToggler i {
346 font-weight: 800;
347 }
348
349 .navbar-sidenav-tooltip.show {
350 display: none;
351 }
352
353 @media (min-width: 992px) {
354 body.sidenav-toggled .content-wrapper {
355 margin-left: 55px;
356 }
357 }
358
359 body.sidenav-toggled .navbar-sidenav {
360 width: 55px;
361 }
362
363 body.sidenav-toggled .navbar-sidenav .nav-link-text {
364 display: none;
365 }
366
367 body.sidenav-toggled .navbar-sidenav .nav-item,
368 body.sidenav-toggled .navbar-sidenav .nav-link {
369 width: 55px !important;
370 }
371
372 body.sidenav-toggled .navbar-sidenav .nav-item:after,
373 body.sidenav-toggled .navbar-sidenav .nav-link:after {
374 display: none;
375 }
376
377 body.sidenav-toggled .navbar-sidenav .nav-item {
378 white-space: nowrap;
379 }
380
381 body.sidenav-toggled .navbar-sidenav-tooltip.show {
382 display: flex;
383 }
384
385 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
386 color: #868e96;
387 }
388
389 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
390 color: #868e96;
391 }
392
393 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
394 color: #adb5bd;
395 }
396
397 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
398 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
399 color: #868e96;
400 }
401
402 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
403 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
404 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
405 color: #adb5bd;
406 }
407
408 #mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
409 color: #adb5bd;
410 }
411
412 @media (min-width: 992px) {
413 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
414 background: #343a40;
415 }
416 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
417 color: white !important;
418 background-color: #495057;
419 }
420 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
421 color: white;
422 }
423 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
424 #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
425 background: #343a40;
426 }
427 }
428
429 #mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
430 color: rgba(0, 0, 0, 0.5);
431 }
432
433 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
434 color: rgba(0, 0, 0, 0.5);
435 }
436
437 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
438 color: rgba(0, 0, 0, 0.7);
439 }
440
441 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
442 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
443 color: rgba(0, 0, 0, 0.5);
444 }
445
446 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
447 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
448 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
449 color: rgba(0, 0, 0, 0.7);
450 }
451
452 #mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
453 color: rgba(0, 0, 0, 0.5);
454 }
455
456 @media (min-width: 992px) {
457 #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
458 background: #f8f9fa;
459 }
460 #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
461 color: #000 !important;
462 background-color: #e9ecef;
463 }
464 #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
465 color: #000;
466 }
467 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
468 #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
469 background: #f8f9fa;
470 }
471 }
472
473 .card-body-icon {
474 position: absolute;
475 z-index: 0;
476 top: -25px;
477 right: -25px;
478 font-size: 5rem;
479 -webkit-transform: rotate(15deg);
480 -ms-transform: rotate(15deg);
481 transform: rotate(15deg);
482 }
483
484 @media (min-width: 576px) {
485 .card-columns {
486 column-count: 1;
487 }
488 }
489
490 @media (min-width: 768px) {
491 .card-columns {
492 column-count: 2;
493 }
494 }
495
496 @media (min-width: 1200px) {
497 .card-columns {
498 column-count: 2;
499 }
500 }
501
502 .card-login {
503 max-width: 25rem;
504 }
505
506 .card-register {
507 max-width: 40rem;
508 }
509
510 footer.sticky-footer {
511 position: absolute;
512 right: 0;
513 bottom: 0;
514 width: 100%;
515 height: 56px;
516 background-color: #e9ecef;
517 line-height: 55px;
518 }
519
520 @media (min-width: 992px) {
521 footer.sticky-footer {
522 width: calc(100% - 250px);
523 }
524 }
525
526 @media (min-width: 992px) {
527 body.sidenav-toggled footer.sticky-footer {
528 width: calc(100% - 55px);
529 }
530 }
531
532
533 ul.codefly li a:hover{
534 color: #adb5bd;
535 }
536
537 ul.codefly li a{
538 color: #868e96;
539 }
540 ul.codefly li a img {
541 padding-right: 7px;
542 }
543 a.navbar-brand {
544 text-transform: none;
545 color: #fff;
546 }
547 .header_php {
548 padding-left: 10px;
549 padding-right: 10px;
550 }
551 .page-header_ {
552 display: -webkit-box;
553 display: -ms-flexbox;
554 display: flex;
555 -ms-flex-wrap: wrap;
556 flex-wrap: wrap;
557 padding: .75rem 1rem;
558 margin-bottom: 1rem;
559 list-style: none;
560 background-color: #e9ecef;
561 border-radius: .25rem;
562 }
563 a.dropdown-toggle {
564 display: none;
565 }
566 ul.codefly li {
567 display: block;
568 float: none;
569 margin-top: 10px;
570 margin-bottom: 10px;
571 }
572 button#NoFilter_ {
573 display: none;
574 }
575 button#NoFilter, button#Filter{
576 display: none;
577 }
578 a.btn.btn-danger.navbar-btn {
579 display: none;
580 }